<template>
  <footer>
    hm-footer
    <HmButton class="green"></HmButton>
  </footer>
</template>

<script>
export default {};
</script>

<style>
footer {
  height: 100px;
  line-height: 100px;
  background-color: pink;
  text-align: center;
  font-size: 30px;
  color: white;
}
footer .green {
  background-color: green;
}
</style>